<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
  <title>Document</title>
  <!-- <link rel="stylesheet" href="./css/common.css"> -->
  <link rel="stylesheet" href="./css/normalize.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- 顶部搜索区域 -->
  <div class="search_conent">
    <div class="search_main">
      <a href="#" class="cate"></a>
      <div class="search_box">
        <input type="text" placeholder="家电清凉节 每千减百">
      </div>
      <a href="#" class="login"></a>
    </div>
  </div>

  <!-- banner -->

  <div class="banner">
    <img src="./upload/banner.gif" alt="">
  </div>

  <!-- ad -->

  <div class="ad">
    <a href="#"><img src="./upload/ad1.gif" alt=""></a>
    <a href="#"><img src="./upload/ad2.gif" alt=""></a>
    <a href="#"><img src="./upload/ad3.gif" alt=""></a>
  </div>

  <!-- nav -->

  <nav>
    <a href="#">
      <img src="./upload/nav1.png" alt="">
      <p>爆款手机</p>
    </a>
    <a href="#">
      <img src="./upload/nav1.png" alt="">
      <p>爆款手机</p>
    </a>
    <a href="#">
      <img src="./upload/nav1.png" alt="">
      <p>爆款手机</p>
    </a>
    <a href="#">
      <img src="./upload/nav1.png" alt="">
      <p>爆款手机</p>
    </a>
    <a href="#">
      <img src="./upload/nav1.png" alt="">
      <p>爆款手机</p>
    </a>
    <a href="#">
      <img src="./upload/nav1.png" alt="">
      <p>爆款手机</p>
    </a>
    <a href="#">
      <img src="./upload/nav1.png" alt="">
      <p>爆款手机</p>
    </a>
    <a href="#">
      <img src="./upload/nav1.png" alt="">
      <p>爆款手机</p>
    </a>
    <a href="#">
      <img src="./upload/nav1.png" alt="">
      <p>爆款手机</p>
    </a>
    <a href="#">
      <img src="./upload/nav1.png" alt="">
      <p>爆款手机</p>
    </a>
  </nav>
</body>

</html>